.user-name {
    color: #e1e5ec;
    font-size: 18px;
    font-weight: bolder;
}

.user-name-two {
    color: #e1e5ec;
    font-size: 14px;
    font-weight: bolder;
    margin-top: 5px;
}

.button {
    height: 30px;
}

.demonstration {
    color: var(--el-text-color-secondary);
}


/* ====== general ====== */

.body-width {
    width: 1200px;
    margin: 0 auto;
}

/* ====== public ====== */
.body-box {
    padding-top: 65px;
}

/* ====== main ====== */
.main {
    position: relative;


}

/*头部题目*/
.head-title {
    width: 100%;
    height: 60px;

    margin-bottom: 10px;
    display: flex;
    align-items: flex-end;
}

.head-text {
    font-size: 24px;
    color: #c2c2c2;
    font-weight: bold;
}
.head-page {
    font-size: 16px;
    color: #9f9f9f;
    margin-left: 20px;
}

/*轮播图*/

.swiper {
    height:100%;
}
.carousel-img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    object-fit: contain;
}

/*.slider-wrapper {*/
/*    !*overflow: hidden;*!*/
/*    float: left;*/
/*    width: 680px;*/
/*    height: 400px;*/
/*}*/

/*.carousel {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: white;*/

/*}*/

/*.carousel-item {*/
/*    width: 100%;*/
/*    display: block;*/
/*}*/

/*.carousel-img {*/
/*    width: 100%;*/
/*    object-fit: contain;*/
/*}*/

/*/deep/ .el-carousel__item {*/
/*    height: 100%;*/
/*}*/

/*用户详情*/
.banner {
    position: relative;
    height: 300px;
}

.banner-info {
    position: relative;
    float: right;
    height: 100%;
    background-color: #2F3233;
    border-radius: 10px;
}

.banner-info a {
    display: inline-block;
}

.banner-info .news {
    width: 430px;
    height: 100%;
    margin-bottom: 20px;
    position: relative;
}

/* ====== 更多列表 ====== */

.main-cont__title {
    position: relative;
    height: 88px;
    margin-top: 40px;
    border-top: 1px solid #939393;
    color: white;
}

.main-cont__title h3 {
    font-size: 22px;
    line-height: 88px;
}

.main-cont__title .more {
    position: absolute;
    right: 0;
    top: 28px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #22b4f6;
    text-decoration: none;
    font-size: 12px;
}

.main-cont__title .more:hover {
    background-color: #1e9ed8;
}
/*.clearfix {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*}*/

.main-cont__list .item {
    position: relative;
    top: 0;
    float: left;
    width: 224px;
    margin-right: 20px;
    border: 1px solid #dedfe0;
    background-color: #fff;
    box-sizing: border-box;

    transition: top 0.2s;
}

.main-cont__list .item:hover {
    top: -3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}

/* main-album */
.main-album .main-cont__list .item {
    height: auto;
    width: auto;
    padding: 5px;
    margin: 20px;
}

.main-album .pic,
.main-album .pic img {
    max-height: 400px;
    max-width: 350px;
}

.main-album .info {
    padding-left: 5px;
}

.main-album .info p {
    line-height: 18px;
    color: #888;
}

.main-album .info .author {
    display: inline;
    color: #888;
}



